<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
  <meta charset="UTF-8">
  <title>图书登记</title>
  <link href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
  <script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
  <script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
  <script src="myJS.js"></script>
</head>
<body>
<div class="container">
  <div class="row clearfix">
    <div class="col-md-12 column">
      <div class="col-md-12 column">
        <ul class="breadcrumb">
          <li>
            <a href="/bookmanager/login" th:href="@{/bookmanager/login}">登录页面</a>
          </li>
          <li>
            <a href="/bookmanager/home" th:href="@{/bookmanager/home}">图书管理主页</a>
          </li>
          <li class="active">
            图书登记
          </li>
          <li>
            <a href="/bookmanager/logout" th:href="@{/bookmanager/logout}">注销</a>
          </li>
        </ul>
      </div>
      <div class="row clearfix">
        <div class="col-md-12 column">
          <h1 class="text-center" style="color: cornflowerblue">
            图书信息登记
          </h1>
        </div>
      </div>
      <br/><br/>
      <form role="form" action="/bookmanager/add" method="post" th:href="@{/bookmanager/add}" enctype="multipart/form-data">
        <div class="form-group">
          <label for="book_name">请输入图书名称</label><input type="text" class="form-control" id="book_name" name="book_name"/>
        </div>
        <div class="form-group">
          <label for="author">请输入图书作者</label><input type="text" class="form-control" id="author" name="auther"/>
        </div>
        <div class="form-group">
          <label for="publish_press">请输入图书出版社名称</label><input type="text" class="form-control" id="publish_press" name="press"/>
        </div>
        <div class="form-group">
          <label>请输入图书出版日期:</label><br/>
          <label for="publish_year">年:</label><input type="text" class="form-control" id="publish_year" name="year"/>
          <span class="help-block">例：2001</span>
          <label for="publish_month">月：</label><input type="text" class="form-control" id="publish_month" name="month"/>
          <span class="help-block">例：6</span>
        </div>
        <div class="form-group">
          <label for="store_number">请输入库存数量</label><input type="text" class="form-control" id="store_number" name="store"/>
        </div>
        <p class="help-block">
          每项必填
        </p>
        <br/>
        <div class="form-group">
          <label for="image_file">点击上传图书图片</label><input type="file" name="filename" id="image_file" accept="image/*"/>
          <img alt="无数据" height="100%" width="100%" src=""/>
        </div>

        <button type="submit" class="btn btn-primary" id="submit_button">提交</button>

      </form>
    </div>
  </div>
</div>
</body>
</html>